<!DOCTYPE html>
<HTML>
<HEAD>
    <TITLE> ZTREE DEMO </TITLE>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="zTree/css/demo.css" type="text/css">
    <link rel="stylesheet" href="zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="zTree/js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="zTree/js/jquery.ztree.core.js"></script>
    <SCRIPT LANGUAGE="JavaScript">
        let zTreeObj;
        // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
        let setting = {
            data: {
                simpleData: {
                    enable: true,
                    idKey: "id",
                    pIdKey: "parentId",
                    rootPId: 0
                }
            }

        };
        // zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
        // var zNodes = [
        //     {name:"test1", open:true, children:[
        //             {name:"test1_1"}, {name:"test1_2"}]},
        //     {name:"test2", open:true, children:[
        //             {name:"test2_1"}, {name:"test2_2"}]}
        // ];

        let url = "http://localhost/category/findCategory";
        let params = "";
        $.get(url, function (result) {
            zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, result);
        });



    </SCRIPT>
</HEAD>
<BODY>
<div>
    <ul id="treeDemo" class="ztree"></ul>
</div>
</BODY>
</HTML>